趣味色彩搭配法
研习设订阅号
设计干货 杜绝注水
戳一下看视频版
我们都知道设计师的日常工作是离不开配色的，而优秀的色彩搭配，能让你的作品很轻松的成为焦点，如果你也想成为配色大师，那这节课的内容，你可要认真听了。
说到颜色的组合搭配，其实它并不仅限于设计行业，可以说配色是我们每个人每一天都在做的事情，比如早上出门我们会选择衣服的颜色搭配。
再比如搭配不同颜色的手机壳或者手表的表带，换一种颜色的同时，也换了一种心情。
爱美的女性朋友们，化妆的时候也会选择不同颜色的妆容。就像直男区分不清的口红色号，细微的色彩差别，都会展现出完全不一样的感官印象。
日常生活当中，家居色彩的搭配，也能很好的反映出一家之主的品味。
作为职业设计师，我们的色彩搭配水准自然是要高于常人的。虽然说颜色没有好坏之分，但在特定的环境里也是有一些注意事项的，下面咱们就一起看看在设计中的颜色都是如何搭配的。
设计本身的目的是信息的传达，但是如果某个颜色导致了信息的传播受阻，这就不是一个有效的配色方案了。所以如何保证文字的辨识度，是我们首先需要解决的问题。
为了简单直观的对比出颜色与文字辨识度之间的关系，我们先从明度开始入手。这个画面里有什么问题呢？就是黑色的文字在80%灰度之后就已经完全看不清了。
如果换成白色的文字呢？开头两个灰度的内容又看不清了，这个现象说明了色彩的明度对于文字的辨识影响是非常大的。
我们换成有颜色的背景，这时白色的辨识度最弱，特别是在黄色背景下白色几乎看不到了，而后两个颜色背景里，灰色和黑色的辨识度比较低。
同样再看这一组背景，和之前相反的是，白色的辨识度普遍很高，灰色的文字在紫和红上基本阵亡了，黑色的字在蓝紫色附近辨识度最差，特别是蓝色背景下，黑色的文字基本上是模糊不清的。
根据这些演示，我们可以得出一个结论，就是颜色本身其实也是具有明度属性的。在这些颜色里，黄色的明度是最高的，它最接近白色，相反蓝色的明度是最低的，它更接近黑色。
有了这些认识，我们才能在色彩搭配中更好的组织色彩之间的关系。当然作为颜色中最亮和最暗的黄蓝两色，在生活中也都扮演着重要的角色。
比如黄色是最明亮的，所以它也经常被用作警示色。工人的安全帽、工程车辆的涂装以及公路上的危险警示牌，它们用的都是黄色；蓝色作为最暗的颜色，它也会被用在类似钢笔墨水的应用场景里，这也是因为其他颜色在白纸上的对比度都不如蓝色高。
黄色虽然是最醒目的颜色，但在夜里它能传播的距离并不远。相反的由于蓝色在大气中具有高度的散射作用，因此蓝色即便在黑夜里很远的距离下都能被看到。所以黄色会被用在近距离下的转向灯，而蓝色常常被应用在救护车的警报灯。
回到文字的辨识度上，既然我们知道了文字和背景明度的对比越大辨识度就越高这个道理，那么只要让色彩也保持这个明度关系，我们是不是就能获得非常好的辨识度了呢？
我们可以根据颜色的明度关系，把最亮的颜色和最暗的颜色分别替换画面中的黑色和白色。当然这也是非常经典的配色了，黑色和黄色因为色彩明度的原因，搭配在一起非常的和谐，同理，蓝色和白色也是一样的。
咱们把这两种颜色合起来放在同一个画面里呢？其实也是非常经典的配色，相信你们一定见过非常多这样搭配的设计作品。
通过分析我们知道了色彩对于文字辨识度的影响是非常大的，在不同色彩明度下的黑白灰字体，反差一定要足够的明显，才能够让人们轻松的去阅读。在不加入任何黑白灰的情况下，色相中的黄色是明度最高的颜色，而蓝色的明度是最低的。接下来我们就针对这些问题一起来做几个色彩搭配的实验。
把其他颜色也做一个搭配试试看，我们会发现辨识度出问题了，有的很刺眼有的却模糊不清。所以对于设计师来说，配色是具有一定技巧的工作。
我们再根据色相的明度关系重新搭配一次看看，重新组合后的效果明显要好很多。所以正确的组合色相之间的明度关系是非常关键的，诀窍是要拉开明度差。
之前我们一直说的都是色相本身的明度变化，而真正加入了黑白灰属性的明度和饱和度之后，在色彩搭配中又是怎么参与变化的呢？
通常在色彩搭配时，我们会同时变化一个色彩的明度和饱和度，所以我们把这个过程称作色调的调整。也就是说，一个纯色越接近白色它的饱和度就会越低，明度就越高；越接近黑色，明度就越低。
回到刚刚这个例子，除了修改色相之外，我们也可以通过修改它们之间的色调去拯救文字的辨识度。
首先我们来降低背景的色调，提升文字的色调，是不是所有文字都清晰可见了，原本刺眼的对比和模糊的边界都消失不见了。
反过来也是一样的，提升背景的色调，降低文字的色调，我们依然能够得到清晰的文字信息。
经过统一后的色调，相比纯色来说会更有共性特征，画面看起来也会显得更和谐统一，但其实统一的过程中也并不是数值的一致，我们要知道色相本身也是有明度变化的，所以也需要把这个因素考虑进去。
我们来看几个案例，这两个海报就是运用了色调一致的配色方法，无论是背景的饱和度还是明度都处在相同的视觉感受上。
这两个画面也是一样的，由于采用了统一的色调处理，所以整体看起来非常具有一致性。
这个画面颜色非常多，但是完全不会给人杂乱的印象，这正是统一色调所带来的效果，所有的色彩都保持在同一强度上，完全没有参差不齐的跳跃感。
从以上的内容里我们知道了在平面设计中的色彩搭配原则，就是在保证信息传达的基础上进行颜色的组合搭配。我们从色相、明度和饱和度的角度发现了很多色彩属性之间的关联。可能这种色彩搭配方法对于一部分人来说还不够直观易懂，那我们再来学习一个所见即所得配色方法，就是从色相环的排列中去寻找对应的配色方案。
首先从单色搭配开始说起，单色搭配就比较简单了，我们只需要根据项目的气质，从色相环上选择一个符合项目印象的色彩去搭配就可以了。
单色填充的方法，通常会和黑白灰组合出现。比如画面中的这三组海报，我们就可以在其中添加一个颜色去丰富它的视觉感受。
比如我们可以把颜色填充到标题上，也可以把颜色填充到除标题和背景之外的正文上，当然也可以把颜色直接填充到一个版面的背景上。
单色并不代表说它就没有变化了，我们可以从一个色相出发，通过明度和纯度的变化去丰富画面中的色彩层次，这样一来不仅能得到统一的画面，色彩也不会显得过于单调。
我们看这两个画面就是采用同一种色相搭配的例子，这种颜色搭配虽然属于不太吸引关注的风格，但也会传递出朴实雅致的高级感。
除了选择单一色相进行搭配组合之外，也可以在色相环中以180度的位置选取颜色，我们把这种搭配叫互补色搭配。也就是说只要保证这个相对的角度和位置不变，我们所选择的颜色差异就是均等的。
如果是以三角形为取色规则，这种配色方法就是对比色搭配，这种方式包含了三原色在内的基础色和混合色。
我们把取色的角度调整到90度的菱形，就是中差色搭配。随着选色角度的越来越小，色彩之间的差异也就会越来越趋同，搭配出来的颜色会倾向和谐统一的视觉感受。
把角度调整的更小，就得到了以六边形为准的邻近色搭配。
进一步减小，就是以圆形为基准的同类色搭配。
采用同类色搭配的作品，会给人一种整体感很强的感觉。
比如巴西球队的战衣，就是一种同类色的搭配。
再比如小猪佩奇的配色，也属于同类色系。
接下来是邻近色，红黄搭配是非常经典的一对组合，像麦当劳和钢铁侠都是邻近色的配色。
当然它也是米老鼠和比卡丘的配色。
同样在平面设计领域，红黄搭配也是非常经典的配色，相关的作品也非常多。
比如蓝色和青色的搭配，这也是paypal标志的配色。
我们来看中差色的配色例子，这个版面就使用了粉红色和蓝色的搭配。
我们比较熟悉的中国移动标志，它的配色也在中差色的范围里。
对比色相对于之前的搭配，颜色之间的差异逐渐开始变大了。
我们可以看到采用对比色搭配的例子，色彩之间的醒目程度明显增强了。
刺激性非常强烈，在三角形的角度下，所有的颜色都以很强烈的对比呈现在我们眼前，可以说是非常醒目了。
大家熟悉的蜘蛛侠，就是运用了对比色的搭配手法。
最后是互补色的搭配例子，互补色是所有搭配组合里差异程度最大的，采用互补色搭配需要特别注意颜色之间的共性特征，比如统一色调就是一种方法。
宜家家居的配色，就属于互补色搭配，黄蓝不仅明度差异大，色相差异也大。
喜欢二次元的朋友，可能也已经发现了，初号机的配色其实也是互补色的搭配。
学会了色彩搭配的方法之后，如何灵活运用当然是最关键的一点了。比如这个版面，就同时采用了两种取色方法。
这个画面也是运用了三种颜色，它们之间的关系全都是对比色的组合。
马里奥和超人的形象配色，就是在对比色的基础上加入了临近色作为调和。
色相环的搭配其实就这几种：同类色、邻近色、中差色、对比色、互补色。它们之间还可以相互结合，形成更具有变化性的配色。在这些分类里，只要是依据其中一种方法进行搭配，它们彼此之间的色彩差异就会保持在一个均等的状态里，这也是为什么这种搭配形式会产生协调感的原因。
关于对比色和互补色的搭配，如果控制不好就会产生刺眼的效果，比如下面这几个例子，不要眨眼，是男人就坚持60秒。
接下来会告诉大家为什么会出现这种情况，以及当你遇到这种情况时，应该怎么解决这种刺眼的问题。
首先从色相环里选择一组互补色，这里我们就拿红色和青色举例子。在CMYK减色模式下，青色和红色相遇时会得到黑色，因为红色本身就是品色和黄色的混合，所以它和青色混合后就直接能够得到黑色。
反过来，当采用RGB加色模式时，红色和青色混合就能得到白，因为青色就是蓝色混合后得到的。
根据以上的原理，我们会发现由于对比色和互补色之间的冲突关系，色彩边缘会产生白色的闪光或者黑色的残影，所以在这种情况下的色彩搭配是极为不自然的。
在之前讲到色调的时候我们也有说过这个问题，统一色调就可以解决这种冲突，因为色调的加入综合了色彩之间的差异，让两种色彩能够更和谐的相处。
除了统一色调的方法之外，对于这种对比过弱的情况，也可以通过插入间隔色的方法解决。
在不改变色调的情况下，在两种色彩之间加入黑色或者白色，也是能够完美解决色彩冲突问题的。特别是在文字辨识度不高的弱对比情况下，加入间隔色是解决辨识度的有效方法。
间隔色也不一定就是黑白，根据色彩的明度变化，选择同类色或者临近色作为间隔，其实也能解决两种冲突色彩之间的过渡问题。
之前我们讲到的配色都是独立色彩之间的搭配，接下来咱们来说一说色彩之间的融合关系，也就是渐变色。
和单独色彩的搭配不同，渐变色是多种颜色同时出现在一个区域里，所以也会出现多色渐变和双色渐变的区别。
如果你觉得这些配色方法都太复杂，这里还有一个简单的绝招，就是从照片中取色。我们都知道现实生活中的色彩都是非常和谐自然的，因此照片就是我们的天然色板。
首先我们可以把照片马赛克处理，这样就能很好的简化照片中的细节。
一切准备就绪后，我们开始从照片里提取对应的色彩，首先是画面中两种基本色色相的不同灰度，然后是画面中最亮的部分、居中的灰度和最暗的部分以及最少的颜色。
最后只需要把得到的这些颜色应用到版面中就可以了，你会发现无论怎么搭配，版面都会显得很和谐统一。这是因为这些颜色本身就源于照片中的一部分，所以怎么搭配都不会有问题，只需要根据项目的气质选择对应的搭配方案就可以了。
最后，我们来总结一下这节课的内容。首先我们从色相、明度和饱和度的角度，发现了很多色彩属性之间的关联。其次我们讲解了几种色相型，分别是同类色、邻近色、中差色、对比色和互补色。相对于之前的几种搭配方式，对比色和互补色因为差异过大，我们还需要使用调整色调的方法去注入共性特征。最后我们讲解了照片是一个天然的色板，我们可以从照片中直接吸取颜色，这些就是本节课的内容，感谢大家观看，我们下期再见。
为了让大家能更好的吸收本节课的知识点，我们为大家精心准备了随堂测试题。识别下方二维码，就可以进入测试了。如果对本套教程感兴趣的话，也可以点击下方链接进入购买页面！
往期精彩内容推荐
戳一下看视频